<template>
    <div class="box">
        <span class="font18">{{value}}</span>
    </div>
</template>
<script>
export default {
    name: 'headTitle',
    props: {
        value: {
            type: String,
            default: '',
        }
    },
}
</script>
<style lang="less" scoped>
.box {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    background: linear-gradient(to right, rgba(3, 101, 170, 1),rgba(3, 101, 170, 0.5), rgba(3, 101, 170, 0.02));
    padding: 16px 16px;
}
.font18{
    font-size: 18px;
}
</style>